<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
    <title>资讯-各地</title>
    <link href="fonts/iconfont.css" rel="stylesheet"/>
    <link href="css/bass.css" rel="stylesheet"/>
    <link href="css/index.css" rel="stylesheet"/>

</head>
<body>
	<div>
		<header>
			<div class="header">
				<h1>资讯</h1>
				<a href="information.html" class="return"><i class="icon-16"></i></a>
			</div>
		</header>
		<div style="height: 2.5rem;"></div>
	</div>
	<div class="all_box all_boxNodown">
	<!-- 资讯 information information-2各地页 -->
	<div class="firmList information information-2">
		<!-- 导航分类 -->
		<div id="carousel" class="carousel-nav">
	        <ul class="infor-xnav">
		        <li><a href="information.html">最新</a></li>
				<li class="pitch"><a href="information-2.html">各地</a></li>
				<li><a href="javascript:;">故事</a></li>
				<li><a href="javascript:;">企业聚焦</a></li>
				<li><a href="javascript:;">品读</a></li>
				<li><a href="javascript:;">映像</a></li>
				<li><a href="javascript:;">热点投资</a></li>
				<li><a href="javascript:;">未来</a></li>
	        </ul>
	     </div>
		<!-- 资讯内容列表  infor2-content（各地）-->
		<ul class="infor-content  infor2-content">
			<li>
				<a href="javascript:;">
					<div class="infor-c-img"><img src="images/zx5.jpg"></div>
					<div class="infor-c-text">
						<h1>7月起南海中小餐饮企业餐厨垃圾统一收</h1>
						<p>今天天气非常好，在佛山禅城区中心发现两只小猫咪，非常可爱，今天天气非常好，在佛山禅城区中心发现两只小猫咪，非常可爱。</p>
					</div>
				</a>
				<div class="scanTime">
					<span>20&nbsp;浏览</span>
					<span>12&nbsp;评论</span>
					<span class="fr">佛山采云协会</span>
					<span class="fr">2016-05-04</span>
					<div class="cl"></div>
				</div>
			</li>
			<li>
				<a href="javascript:;">
					<div class="infor-c-img"><img src="images/zx2.jpg"></div>
					<div class="infor-c-text">
						<h1>南海新增19件省著名商标 居全市前列</h1>
						<p>创新型农业服务科技有限公司于今天在纽约上市。</p>
					</div>
				</a>
				<div class="scanTime">
					<span>2000&nbsp;浏览</span>
					<span>1265&nbsp;评论</span>
					<span class="fr">广州农业协会</span>
					<span class="fr">2016-05-04</span>
					<div class="cl"></div>
				</div>
			</li>
			<li>
				<a href="javascript:;">
					<div class="infor-c-img"><img src="images/zx3.jpg"></div>
					<div class="infor-c-text">
						<h1>佛山市“互联网”生产业联盟成立仪式单位座谈会</h1>
						<p>佛山市互联网产业。</p>
					</div>
				</a>
				<div class="scanTime">
					<span>10&nbsp;浏览</span>
					<span>0&nbsp;评论</span>
					<span class="fr">佛山协会</span>
					<span class="fr">2016-05-04</span>
					<div class="cl"></div>
				</div>
			</li>
			<li>
				<a href="javascript:;">
					<div class="infor-c-img"><img src="images/zx4.jpg"></div>
					<div class="infor-c-text">
						<h1>广东省青少年机器人竞赛南海狂揽6奖</h1>
						<p>今天天气非常好，在佛山禅城区中心发现两只小猫咪，非常可爱，今天天气非常好，在佛山禅城区中心发现两只小猫咪，非常可爱。</p>
					</div>
				</a>
				<div class="scanTime">
					<span>20&nbsp;浏览</span>
					<span>12&nbsp;评论</span>
					<span class="fr">佛山采云协会</span>
					<span class="fr">2016-05-04</span>
					<div class="cl"></div>
				</div>
			</li>
			<li>
				<a href="javascript:;">
					<div class="infor-c-img"><img src="images/zx2.jpg"></div>
					<div class="infor-c-text">
						<h1>南海这些“镇馆之宝”你见过几个？</h1>
						<p>创新型农业服务科技有限公司于今天在纽约上市。</p>
					</div>
				</a>
				<div class="scanTime">
					<span>2000&nbsp;浏览</span>
					<span>1265&nbsp;评论</span>
					<span class="fr">广州农业协会</span>
					<span class="fr">2016-05-04</span>
					<div class="cl"></div>
				</div>
			</li>
			<li>
				<a href="javascript:;">
					<div class="infor-c-img"><img src="images/zx3.jpg"></div>
					<div class="infor-c-text">
						<h1>牛人！南海下岗职工带着发明上央视！</h1>
						<p>佛山市互联网产业。</p>
					</div>
				</a>
				<div class="scanTime">
					<span>10&nbsp;浏览</span>
					<span>0&nbsp;评论</span>
					<span class="fr">佛山协会</span>
					<span class="fr">2016-05-04</span>
					<div class="cl"></div>
				</div>
			</li>
			<li>
				<a href="javascript:;">
					<div class="infor-c-img"><img src="images/zx4.jpg"></div>
					<div class="infor-c-text">
						<h1>学咏春扎花灯！德国童声合唱团到访狮山</h1>
						<p>今天天气非常好，在佛山禅城区中心发现两只小猫咪，非常可爱，今天天气非常好，在佛山禅城区中心发现两只小猫咪，非常可爱。</p>
					</div>
				</a>
				<div class="scanTime">
					<span>20&nbsp;浏览</span>
					<span>12&nbsp;评论</span>
					<span class="fr">佛山采云协会</span>
					<span class="fr">2016-05-04</span>
					<div class="cl"></div>
				</div>
			</li>
		</ul>

		<!-- 引入js资源 -->
  		<script type="text/javascript" src="js/zepto.min.js"></script>
  		<script type="text/javascript" src="js/iscroll.js"></script>
  		<script type="text/javascript">
  			/*$(document).ready(function(){
			  	$(".infot-liBtn").click(function(){
				    $(".infot-liBtn").toggleClass("infot-liBtn2").siblings("li.infot-liOff").toggleClass("infot-liOn");
			  	});
			});*/

  		</script>
		<script type="text/javascript">
			$(document).ready(function(){
			  	$(".infot-liBtn").click(function(){
				    $(".infot-liBtn").toggleClass("infot-liBtn2").siblings("li.infot-liOff").toggleClass("infot-liOn");
			  	});
			  	$(".infor-xnav li").click(function(){
				    $(this).addClass("pitch").siblings().removeClass("pitch");
			  	});
			});
		</script>
		<script>
			window.addEventListener('load',function(){ 
			var $carousel = document.getElementById('carousel'),
			    $ul = $carousel.querySelector('ul'),
			    liArray = $carousel.querySelectorAll('li'),
			    liNum = liArray.length;

			$ul.style.width = (liArray[0].clientWidth + 10)*8 +"px";
			  
			var carousel=new iScroll("carousel",{hScrollbar:false, vScrollbar:false, vScroll: false});
		 
			});
		</script>
	</div>
</div>
</body>
</html>